<template>
    <!-- 最顶层的元素必须是一个根元素，不能有多个根元素。 -->
   <!-- 文本插值 -->
    <div>
    <h1>{{ name }}</h1>
    <h1>{{ age }}</h1>
    <h1>{{ sex }}</h1>
</div>
</template>

<script>
const options={
    data :function(){
        return {
            name:'张三',age:18,sex:'男'
        }
    }
};
export default options;
//export default导出的作用是让其他文件可以引用这个文件中的数据和方法。
//在template中使用{{}}来进行数据的插值，在script中使用data来定义数据，在style中使用css来定义样式。
//在script中使用export default来导出数据和方法，在template中使用import来导入数据和方法。
</script>